#index{
	width: 2000px;
	margin: 0 auto;
	border: 1px dashed orangered;
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-gap: 10px 5px;
	grid-template-rows: auto auto auto auto auto auto;
	
	grid-template-areas: 
							"header header header"
							"box1 box1 box1"
							"box2 box2 box3"
							"box4 box5 box6"
							"box7 box7 box8"
							"box9 box9 box9"
	;
}
.box{
	border: 1px solid palevioletred;
 	background-color: antiquewhite;
}
.header{
	grid-area: header;
	display:float;
}
.box1{
	grid-area: box1;
}
.box2{
	grid-area: box2;
}
.box3{
	grid-area: box3;
}
.box4{
	grid-area: box4;
}
.box5{
	grid-area: box5;
}
.box6{
	grid-area: box6;
}
.box7{
	grid-area: box7;
}
.box8{
	grid-area: box8;
}
.box9{
	grid-area: box9;
}
.imgHeader{
	margin-top: 20px;
	float: left;
}
.header1{
	width: 400px;
	height: 200px;
	margin-left: 400px;
	margin-top: 50px;
	float: left;
}
.daohangHeader{
	width: 300px;
	height: 50px;
	border: 2px solid #ccc; /* 设置边框样式 */
	  border-radius: 50px; /* 调整这个值可以控制椭圆的程度 */
}

.header2 ul {
    list-style: none; /* 去除默认的项目符号（点） */
    padding: 0; /* 去除默认的内边距 */
   	margin-top: 50px;
    display: flex; /* 使用 Flex 布局使 li 水平排列 */
    gap: 10px; /* 可选：设置 li 之间的间距 */
}

.header2 li {
    display: inline-block; /* 使 li 水平排列（兼容旧浏览器） */
	font-size: 18px;
	white-space: nowrap;
    padding: 10px 1px; /* 可选：增加内边距让样式更好看 */
}
.mhide{
	text-align: center;
}
.box2P1{
	
	text-align: center;
}
